<template>
	
	
	<view id="view">
		<status-bar :title='title'></status-bar>
		<view class="flex-1 ">
			<view class="row p-top80 p-bot50 flexac">
				<image :src="$imgUrls(logo)" mode="aspectFill" class="logo"></image>
			</view>
			<view class="viewbox auto">
				<block v-for="(item,index) in pageData" :key="index">
					<view class="row bgwhite padding30-20 bor_radius_10 m-bot20"
						@click="$pop.artDetails(item)">
						<text class="flex-1 m-right10 ellipsis">{{item.website_article_title}}</text>
						<view class="iconfont icon-a-zujian32 h7 color_99"></view>
					</view>
				</block>
			</view>
		</view>
		
		<contact></contact>
		
	</view>
</template>

<script>
	import {mapState} from 'vuex';
	export default{
		data(){
			return {
				title:'关于我们',
				listId: '',
				pageData: [],
			}
		},
		onLoad(opt) {
			if(opt.listId) this.listId = opt.listId;
			this.getArticle();
		},
		methods:{
			getArticle() {
				this.$http.post({
					url: '/zzj_singleSaleApi/getArticle',
					data: {
						listId: this.listId,
						page: 1,
						pagecount: 100,
					}
				}).then(res => {
					if (res.errcode != '00000') return this.$Toast(res.msg);
					if (res.data) this.pageData = res.data;
				})
			}
		},
		computed:{
			...mapState(['logo'])
		}
		
	}
</script>
<style>
	page {
		background-color: #f7f9fa;
	}
</style>
<style scoped lang="scss">
	.logo {
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
	}
</style>
